<template>
  <div class="leftImgRightMsg">
    <div class="leftImg">
      <img
        :src ="`http://liufusong.top:8080${item.houseImg}`"
        alt=""
      />
    </div>
    <div class="rightMsg">
      <span class="titlee">{{item.title}}</span>
      <span class="mess">{{item.desc}}</span>
      <span class="lable">{{item.tags}}</span>
      <span class="price"><i>{{item.price}}</i>元/月</span>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    item:Object
  }
};
</script>

<style scoped>
.leftImgRightMsg{
  padding: 15px 10px;
  display: flex;
  border-bottom: 1px solid #999;
}
.leftImgRightMsg .leftImg{
  width: 106px;
  height: 80px;
}
.leftImg img{
  height: 80px;
  width: 106px;
  object-fit: cover;
}
.leftImgRightMsg .rightMsg{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 15px;
}
.rightMsg .titlee{
  font-weight: 700;
  margin-bottom: 4px;
}
.rightMsg .mess{
  color: #999;
  font-size: 12px;
  margin-bottom: 4px;
}
.rightMsg .lable{
  background-color: #e1f5f8;
  color: #3fc0ce;
  font-size: 12px;
  margin-bottom: 4px;

  /* zoom: 0.8; */
}
.rightMsg .price{
color: red;
font-size: 12px;
}
.rightMsg .price i{
color: red;
font-size: 14px;
margin-right:4px;
font-style: normal;
}</style>
